<label  [class]="'el-checkbox' + checkboxSize()" 
        [class.is-disabled]="disabled|| isLimitDisabled()" 
        [class.is-bordered]="border" 
        [class.is-checked]="checked">

    <span class="el-checkbox__input" 
        [class.is-disabled]="disabled || isLimitDisabled()" 
        [class.is-focus]="isFocus"
        [class.is-indeterminate]="indeterminate" 
        [class.is-checked]="checked">
        <span class="el-checkbox__inner"></span>

        <input class="el-checkbox__original" 
            type="checkbox" 
            [disabled]="disabled || isLimitDisabled()" 
            [value]="label" 
            [name]="name"
            [ngModel]="model" 
            (ngModelChange)="changeHandle($event,false)" 
            (focus)="isFocus = true"
            (blur)="isFocus = false">
    </span>
    <span class="el-checkbox__label" style="padding-left: 6px;">
        <ng-container *ngIf="showLabelClass()">{{label}}</ng-container>
        <span *ngIf="!showLabelClass()" #content>
            <ng-content></ng-content>
        </span>
    </span>
</label>